<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>代理记录</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link href="${pageContext.request.contextPath}/agents/css/bootstrap.min.css" rel="stylesheet" media="screen">
   
    <link href="${pageContext.request.contextPath}/agents/css/jquery.dataTables.min.css" rel="stylesheet" media="screen">

	<script src="${pageContext.request.contextPath}/agents/js/jquery.page.min.js"></script>
	<script src="${pageContext.request.contextPath}/agents/js/jquery.dataTables.min.js"></script>

  </head>
  
  <body>
  	<!--
	<input type = "text" value = "" id = "key"><button id = "search" value="搜索">   
	-->
	<table class= "table-sort">
		<thead>
			<tr>
				<th>
					<input type="checkbox" name="cb-check-all">  <!-- 全选-->
				</th>
				<th>申请ID</th>
				<th>房屋ID</th>
				<th>用户名</th>
				<th>中介名</th>
				<th>申请时间</th>
				<th>申请状态</th>
				<th>房屋地址</th>
				<th>省份</th>
				<th>所在市</th>
				
			</tr>
		</thead>
		<tbody>
		</tbody>
	</table>
  </body>
  <script type="text/javascript">
	$(function(){
			var CONSTANT = {
				DATA_TABLES : {
					DEFAULT_OPTION : { //DataTables初始化选项
						language: {
							"sProcessing":   "处理中...",
							"sLengthMenu":   "每页 _MENU_ 项",
							"sZeroRecords":  "没有匹配结果",
							"sInfo":         "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
							"sInfoEmpty":    "当前显示第 0 至 0 项，共 0 项",
							"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
							"sInfoPostFix":  "",
							"sSearch":       "搜索:",
							"sUrl":          "",
							"sEmptyTable":     "表中数据为空",
							"sLoadingRecords": "载入中...",
							"sInfoThousands":  ",",
							"oPaginate": {
								"sFirst":    "首页",
								"sPrevious": "上页",
								"sNext":     "下页",
								"sLast":     "末页",
								"sJump":     "跳转"
							},
							"oAria": {
								"sSortAscending":  ": 以升序排列此列",
								"sSortDescending": ": 以降序排列此列"
							}
						},
						autoWidth: false,   //禁用自动调整列宽
						stripeClasses: ["odd", "even"],//为奇偶行加上样式，兼容不支持CSS伪类的场合
						order: [],          //取消默认排序查询,否则复选框一列会出现小箭头
						processing: false,  //隐藏加载提示,自行处理
						serverSide: true,   //启用服务器端分页
						searching: false    //禁用原生搜索
					},
					COLUMN: {
						CHECKBOX: { //复选框单元格
							className: "td-checkbox",
							orderable: false,
							width: "30px",
							data: null,
							render: function (data, type, row, meta) {
								return '<input type="checkbox" class="iCheck">';
							}
						}
					},
				}
		};
		var _table= $('.table-sort').dataTable({
			language:CONSTANT.DATA_TABLES.DEFAULT_OPTION.language,  //提示信息
            autoWidth: false,  //禁用自动调整列宽
            stripeClasses: ["odd", "even"],  //为奇偶行加上样式，兼容不支持CSS伪类的场合
            processing: true,  //隐藏加载提示,自行处理
            serverSide: true,  //启用服务器端分页
            searching: false,  //禁用原生搜索
            orderMulti: false,  //启用多列排序
            order: [],  //取消默认排序查询,否则复选框一列会出现小箭头
            renderer: "jquery-ui",  //渲染样式：Bootstrap和jquery-ui
            pagingType: "simple_numbers",  //分页样式：simple,simple_numbers,full,full_numbers
            columnDefs: [{
                "targets": 'nosort',  //列的样式名
                "orderable": false    //包含上样式名‘nosort’的禁止排序
            }],
            ajax: function (data, callback, settings) {
                //封装请求参数
                var param = getParam(data);
              // var param = {};
              //  param.curr = (data.start / data.length)+1; //当前页码
               // param.pageSize = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
                /*
                param.start = data.start;//开始的记录序号
                param.page = (data.start / data.length)+1;//当前页码
                */
                //ajax请求数据
                $.ajax({
                    type: "GET",
                    url: "${pageContext.request.contextPath}/getApplyData.do",
                    cache: false,  //禁用缓存
                    data: param,  //传入组装的参数
                    dataType: "json",
                    success: function (result) {
                            //封装返回数据
                         //	document.getElementById("total").innerText=result.total;
                            var returnData = {};
                            returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
                            returnData.recordsTotal = result.total;//返回数据全部记录
                            returnData.recordsFiltered = result.total;//后台不实现过滤功能，每次查询均视作全部结果
                            returnData.data = result.data;//返回的数据列表 
                            //console.log(returnData);
                            //调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
                            //此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
                            callback(returnData);
                    }
                });
            },
            //列表表头字段
            aoColumns: [
            	CONSTANT.DATA_TABLES.COLUMN.CHECKBOX,
                { "data": "applyId" },
                { "data": "houseId" },
                { "data": "userAccount" },
                { "data": "agentAccount" },
                { "data": "applyTime" },
                { "data": "applyState" },
                { "data": "houseAddress" },
                { "data": "houseProvince" },
                { "data": "houseCity" },
               
            ],
            "createdRow": function ( row, data, index ) {
            //行渲染回调,在这里可以对该行dom元素进行任何操作
            //给当前行加样式
            //不使用render，改用jquery文档操作呈现单元格
      		
     
        }
        }).api();
		//搜索
        $("#search").click(function(){
			_table.draw();
		});
		
		$("#revice").click(function(){
			
		});
		
		$("#delete").click(function(){
			
		});
	});
	function getParam(data){
		var param = {};
		//var key = document.getElementById("key").value;
		param.pageStart = (data.start / data.length)+1;;
        param.pageSize = data.length;//页面显示记录条数，在页面显示每页显示多少项的时候
        /*
		if(key.trim().length != 0)
		{
			param.key= key;
		}
		else
		{
			param.key = "";
		}
		*/
		return param;
	}
</script>
</html>
